<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>国际教育</title>
</head>
<style>
    *{
            margin: 0;
            padding: 0;
    }
    .body{

    }
    .edu{
        width: 1200px;
        height: 1892px;
        margin: 0 auto;
    }
    .text{
        background: #ffffff;
        box-shadow: 0px 3px 24px rgb(33 70 98 / 30%);
        opacity: 1;
        border-radius: 8px;
        padding: 32px 24px 10px;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .text .hd{
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        padding-bottom: 18px;
        position: relative;
        background: url(./img/hd.png) no-repeat;
        
    }
    .text .hd span{
        position: absolute;
        top: -20px;
        left: 0;
        font-size: 25px; 
        line-height: 1;
        font-family: 'Source Han Sans CN-Bold', 'Source Han Sans CN';
        font-weight: 550;
        color: #2d71c0;


    }
    .text .bd {
        width: 1152px;
        height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .bd .bd-text1{
    width: 1150px;
    height: 200px;
    /* background-color: antiquewhite; */
    display: flex;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px #ebecec;   
    margin: 10px;
}
    .bd .bd-text1 a{
        text-decoration: none;
        color: #333;
        display: flex;            
        justify-content: space-between;
        width: 100%;  /* 确保a标签占满整个容器 */
        height: 100%; /* 确保a标签占满整个容器 */
    }
    .bd .bd-text1 img{
        width: 266px;  /* 固定宽度，可以根据需要调整 */
        height: 70%;  /* 图片高度占满容器高度 */
        padding: 15px 24px 48px 19px;
        object-fit: cover;  /* 保持图片比例并填充容器 */
    }
    .bd .bd-text1 .w {
        background: #fff;
        width: calc(100% - 284px);
        height: 100%;
        padding: 15px 24px 48px 19px;
        box-sizing: border-box;
        /* box-shadow: 0px 0px 7px #ebecec; */
    }
    .bd .bd-text1 .sp1 {
        font-size: 16px;
        line-height: 26px;
        display: block;  /* 渲染为块级元素 */
        height: 52px;
    }
    .bd .bd-text1 .sp2 {
        padding-left: 30px;
        background: url(/img/date-icon.png) no-repeat left center;
        color: #808080;
        height: 18px;
        display: block;
        margin-top: 15px;
    }
    .bd .bd-text1 .w p {
        color: #808080;
        font-size: 14px;
        line-height: 22px;
        margin-top: 21px;
        height: 44px;
        display: -webkit-box;            /*将元素设置为弹性盒子模型，这允许我们控制子元素的布局 */
        -webkit-line-clamp: 2;          /*限定在这个块元素显示的文本的行数。这里的值2表示只显示两行。*/
        -webkit-box-orient: vertical;  /*定义了子元素的排列方向是垂直的。 */
        overflow: hidden;             /*隐藏超出容器的内容。 */
        text-overflow: ellipsis;     /*当文本溢出时，在末尾添加省略号。 */
        white-space: normal;        /*允许文本换行。 */
    }
     .bd .bd-text2{
    width: 588px;
    height: 212px;
    /* background-color: antiquewhite; */
    display: flex;
    
}
 .bd .bd-text2 a{
    text-decoration: none;
    color: #333;
    display: flex;            
    justify-content: space-between;
}
 .bd .bd-text2 img{
    width: 284px;
    height: 212px;
}
 .bd .bd-text2 .w {
    background: #fff;
    width: calc(100% - 284px);
    height: 212px;
    padding: 15px 24px 48px 19px;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px #ebecec;
}
 .bd .bd-text2 .sp1 {
    font-size: 16px;
    line-height: 26px;
    display: block;  /* 渲染为块级元素 */
    height: 52px;
}
 .bd .bd-text2 .sp2 {
    padding-left: 30px;
    background: url(/img/date-icon.png) no-repeat left center;
    color: #808080;
    height: 18px;
    display: block;
    margin-top: 15px;
}
 .bd .bd-text2 .w p {
    color: #808080;
    font-size: 14px;
    line-height: 22px;
    margin-top: 21px;
    height: 44px;
    display: -webkit-box;           
    -webkit-line-clamp: 2;          
    -webkit-box-orient: vertical;  
    overflow: hidden;          
    text-overflow: ellipsis;    
    white-space: normal;        
}

</style>
<body>
    <div class="edu">
        <div class="text">
            <div class="hd">
                <span>国际教育</span>
            </div>
            <div class="bd">
                <div class="content1">
                    <div class="bd-text1">
                        <a href="https://xg.jxvc.jx.cn/content.jsp?urltype=news.NewsContentUrl&wbtreeid=1045&wbnewsid=1395">
                                <img src="./img/I1.png" />
                            <div class="w">
                                <span class="sp1">我校在2024年度江西高校思想政治工作优秀论文评选中喜获佳绩</span>
        
                                <p>近日，省教育厅公布了2024年度江西高校思想政治工作优秀论文和优秀案例评选结果。我校选送的3篇论文均榜上有名，荣获思政优秀论文一等奖2项、二等奖1项。其中，《高职院校思想政治理论课“五环六式”教法：人培向度、模式机理和应然路径》（作者：黄亮等）和《“大思政课”视域下思政课问题式专题化教学改革的破与立》（作者：江国钰等）荣获一等奖，《新质生产力视域下算法推荐赋能思想政治教育发展的路径研究》（作者：谢莎莎...</p>
                                <span class="sp2">2024-09-18</span>   
                            </div>       
                        </a>
                    </div>
                    <hr />
                    <div class="bd-text1">
                        <a href="#">
                                <img src="./img/I2.png" />
                            <div class="w">
                                <span class="sp1">学校召开党委（扩大）会议 传达学习全国教育大会精神</span>
                                
                                <p>9月14日上午，学校2024年第十四次党委（扩大）会“第一议题”专题学习了习近平总书记在全国教育大会上重要讲话精神。党委副书记、校长彭慧主持学习并讲话，校领导班子成员、各部门负责人参加学习，南昌校区视频参会。会议指出，这次全国教育大会是对新时代新征程加快建设教育强国作出动员部署的一次重要会议，在我国教育发展史上具有十分重要的里程碑意义。习近平总书记的重要讲话具有很强的政治性、思想性、指导性，是指导新时...</p>
                                <span class="sp2">2024-09-14</span>   
                            </div>
                        </a>
                    </div>
                    <hr />
            </div>

        </div>

    </div>
</body>
</html>